<template>
	<ul class="room-base-container">
		<li class="room-base-line">
			<div class="room-base-label">插卡：</div>
			<span class="room-base-status">{{base.card ? '是' : '否'}}</span>
		</li>
		<li class="room-base-line">
			<div class="room-base-label">请即清理：</div>
			<span class="room-base-status">{{base.clean ? '激活' : '关闭'}}</span>
		</li>
		<li class="room-base-line">
			<div class="room-base-label">请勿打扰：</div>
			<span class="room-base-status">{{base.dnd ? '激活' : '关闭'}}</span>
		</li>
		<li class="room-base-line">
			<div class="room-base-label">请求服务：</div>
			<span class="room-base-status">{{base.ask ? '激活' : '关闭'}}</span>
		</li>
		<li class="room-base-line">
			<div class="room-base-label">SOS：</div>
			<span class="room-base-status">{{base.sos ? '激活' : '关闭'}}</span>
		</li>
		<li class="room-base-line">
			<div class="room-base-label">退房：</div>
			<span class="room-base-status">{{base.leave ? '激活' : '关闭'}}</span>
		</li>
	</ul>
</template>

<style>
	.room-base-status {
		margin-left: 10px;
	}
</style>

<script>
	import {mapGetters} from 'vuex';
	export default {
		data() {
			return {}
		},
		computed: {
			...mapGetters({
				base: 'baseState'
			})
		}
	}
</script>